<template>
	<view class="duilianpt" >
		<view  v-for="(item,inx) in dataList.meansList" :key="inx">
			
			
			<u-row justify="space-between" gutter="12">
				<u-col span="12">
					<view class="text-center centent5">
						<u-row class="black-text" v-if="inx==0">
							<u-col span="2"><view class="demo-layout">期数</view></u-col>
							<u-col span="2"><view class="demo-layout">杀肖</view></u-col>
							<u-col span="2"><view class="demo-layout">杀尾</view></u-col>
							<u-col span="2"><view class="demo-layout">杀波</view></u-col>
							<u-col span="2"><view class="demo-layout">杀头</view></u-col>
							<u-col span="2"><view class="demo-layout">特开</view></u-col>
						</u-row>
						<u-row>
							<u-col span="2">
								<view class="demo-layout"><text class="red-text">{{item.issue}}期</text></view>
							</u-col>
							<u-col span="2">
								<view class="demo-layout" v-for="(vl,vk) in item.means['xiao']" :key="vk">
									<text 
									:class="{ 'draw-active': vl.isTrue, 
									'blue-text': vl.color == 'blue', 
									'green1-text': vl.color == 'green', 
									'red-text': vl.color == 'red' }">{{vl.value}}肖</text>
									</view>
							</u-col>
							<u-col span="2">
								<view class="demo-layout" v-for="(vl,vk) in item.means['wei']" :key="vk">
									<text 
									:class="{ 'draw-active': vl.isTrue, 
									'blue-text': vl.color == 'blue', 
									'green1-text': vl.color == 'green', 
									'red-text': vl.color == 'red' }">{{vl.value}}</text>
									</view>
							</u-col>
							<u-col span="2">
								<view class="demo-layout">
									<text 
									:class="{ 'draw-active': vl.isTrue, 
									'blue-text': vl.color == 'blue', 
									'green1-text': vl.color == 'green', 
									'red-text': vl.color == 'red' }"
									v-for="(vl,vk) in item.means['bose']" :key="vk">{{vl.value}}</text>
									</view>
							</u-col>
							<u-col span="2">
								<view class="demo-layout">
									<text 
									:class="{ 'draw-active': vl.isTrue, 
									'blue-text': vl.color == 'blue', 
									'green1-text': vl.color == 'green', 
									'red-text': vl.color == 'red' }"
									 v-for="(vl,vk) in item.means['tou']" :key="vk">{{vl.value}}</text>
								</view>
							</u-col>
							<u-col span="2">
								<view class="demo-layout">
									<text v-if="item.is_true > 0 && item.drawp" >{{item.drawp}}</text>
									<text v-else  class="red-text">{{item.drawp || '??'}}</text>
									</view>
							</u-col>
						</u-row>
					</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
export default {
	name: 'ZhoneHeSha',
	props: {
	    // 定义一个名为dataList的prop来接收数组数据
	    dataList: {
	      type: [Object,Array],
	      default: () => {
			  return {};
		  },
	    },
		isShowAll :{
			type:[Boolean],
			default : () =>{
				return false;
			}
		},
	},
	data(){
		return {
		}
	},
	mounted() {
		
	},
	methods: {
	}
};
</script>

<style lang="scss" scoped>
@import "@/static/css/common.css";
</style>
